<template>
    <div>
        <pre v-note>
            1、启动环境错误(系统控制台)
                + 导致项目环境启动失败 => 项目页面无法被访问
                    + 项目代码的修改保证在项目正常运行情况下再进行修改
                    + 错误不留夜
                    + 环境变换养成 关闭启动-修改环境-重新启动 的习惯
                + 程序正常运行，但出现编译错误 => 映射到服务器页面上

            2、服务器的HTML页面(系统控制台错误的映射)
                + 如果项目在正常运行的情况下，出现页面提示错误，多数为系统控制台错误映射
                + 错误映射是程序运行时JS功能实现的，但会因为系统资源不足导致服务器假死
                    方案1:系统控制台输入一次 ctrl+c 激活系统继续加载
                    方案2:系统控制输入两次 ctrl+c 重启服务器

            3、运行过程中出错(浏览器的控制台=增量错误显示)
                + 部分的系统环境和开发环境错误的留存在浏览器控制台上
                + vue项目运行时的vue语法错误
                    !! 当错误被修正，浏览控制台错误不会清空!!
        </pre>
        <p>启动环境错误(系统控制台)</p>
        <img src="../assets/Snipaste_2022-08-08_11-31-37.png" alt="" srcset="">
        <hr>
        <p>服务器的HTML页面(系统控制台错误的映射)</p>
        <img src="../assets/Snipaste_2022-08-08_11-32-01.png" alt="" srcset="">
        <hr>
        <p>运行过程中出错(浏览器的控制台=增量错误显示)</p>
        <img src="../assets/Snipaste_2022-08-08_11-40-21.png" alt="" srcset="">
        <p>{{ info }}</p>
    </div>
</template>

<script>
export default {
    data() {
        return {
            info:"错误演示"
        }
    },
}
</script>